<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>提示信息</title>
		<style type="text/css">
			form{
				width: 500px;
				margin: 50px auto;
			}
			.btn{
				width: 120px;
				height: 40px;
				background: yellowgreen;
			}
			p{
				position: relative;
			}
			p span{
				display: block;
				width: 250px;
				height: 40px;
				border: 1px solid #f60;
				background: lightpink;
				border-radius: 4px;
				position: absolute;
				display: none;
			}
		</style>
		
		<script type="text/javascript">
			function xianshi(){
				document.getElementById('msg').style.display='block';
			}
			function yincang(){
				document.getElementById('msg').style.display='none';
			}
		</script>
	</head>
	<body>
		<form action="">
			<p>
				<input type="checkbox" id="login"/>
				<label for="login" onmouseover="xianshi()" onmouseout="yincang()">十天内免登录</label>
				<span id="msg">为了你的信息安全，请不要在网吧或者公共电脑上使用此功能。</span>
			</p>
			<input type="button" value="登录" class="btn"/>
			<input type="button" value="注册" class="btn"/>
		</form>
	</body>
</html>
